<template lang="pug">
	.main-button-wrap(:class="{'main-button-active': isActive,'white-button':isWhite}")
		.button-text {{text}}
</template>
<script>
export default {
	data() {
		return {}
	},
	props: {
		text: {
			type: String,
			default: 'text'
		},
		isActive: {
			type: Boolean,
			default: false
		},
		isWhite: {
			type: Boolean,
			default: false
		}
	},
	computed: {},
	mounted() {},
	onPullDownRefresh() {},
	onReachBottom() {},
	methods: {},
	watch: {},
	components: {}
}
</script>

<style lang="stylus">
	.main-button-wrap
		width 100%
		height 100%
		background-color #cacaca
		/*border-radius 46px*/
		center()
		box-sizing border-box
		.button-text
			font-size 30px
			color white
			line-height 42px
		&.main-button-active
			background linear-gradient(90deg,rgba(76,142,255,1) 0%,rgba(54,162,255,1) 100%)
			&.white-button
				background white
				border borderStyle
				border-radius 46px
				.button-text
					color blackFontColor4C
</style>
